﻿<link href="CSS/index.css" rel="stylesheet" />
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>静态网页</title>
    <link href="CSS/index.css" rel="stylesheet" />
</head>
<body>
    <div class="div">
        <div class="div1">
            <div>
                <h1 align="center">United Kingdom </h1>
                <p align="center">
                    Although we have learned English for several years, and we have some knowledge about the English-speaking countries, there are still many people can not distinguish the relationships between England,
                    Britain and United Kingdom
                </p>
            </div>
            <div class="picture">
                <img src="CSS/1.png" alt="图标图片" clas="img1">
                <div class="picture1">
                    <h5> Cenercrics </h5>
                    <p> there are still many people can not distinguish the relationships between England  </p>
                </div>
            </div>
            <div class="picture">
                <img src="CSS/2.png" alt="图标图片" clas="img1">
                <div class="picture1">
                    <h5> Intcrmcdlates </h5>
                    <p> there are still many people can not distinguish the relationships between England  </p>
                </div>
            </div>
            <div class="picture">
                <img src="CSS/3.png" alt="图标图片" clas="img1">
                <div class="picture1">
                    <h5> Aclds </h5>
                    <p> there are still many people can not distinguish the relationships between England  </p>
                </div>
            </div>
            <div class="picture">
                <img src="CSS/4.png" alt="图标图片" clas="img1">
                <div class="picture1">
                    <h5> Synthesls </h5>
                    <p> there are still many people can not distinguish the relationships between England  </p>
                </div>
            </div>
            <div class="picture">
                <img src="CSS/5.png" alt="图标图片" clas="img1">
                <div class="picture1">
                    <h5> Nutracutlcals </h5>
                    <p> there are still many people can not distinguish the relationships between England  </p>
                </div>
            </div>
            <div class="picture">
                <img src="CSS/6.png" alt="图标图片" clas="img1">
                <div class="picture1">
                    <h5> Nutracutlcals </h5>
                    <p> there are still many people can not distinguish the relationships between England  </p>
                </div>
            </div>
            <div class="b">
                <table class="table2">
                    <tr>
                        <td>
                            <div class="pictureb">
                                <img src="CSS/1.png" alt="图标图片" clas="img1">
                                <div class="picture2">
                                    <h5> Cenercrics </h5>
                                    <p> there are still many people can not distinguish the relationships between England  </p>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="pictureb">
                                <img src="CSS/2.png" alt="图标图片" clas="img1">
                                <div class="picture2">
                                    <h5> Intcrmcdlates </h5>
                                    <p> there are still many people can not distinguish the relationships between England  </p>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="pictureb">
                                <img src="CSS/3.png" alt="图标图片" clas="img1">
                                <div class="picture2">
                                    <h5> Aclds </h5>
                                    <p> there are still many people can not distinguish the relationships between England  </p>
                                </div>
                            </div>
                        </td>
                    </tr>

                    <tr>
                        <td>
                            <div class="pictureb">
                                <img src="CSS/4.png" alt="图标图片" clas="img1">
                                <div class="picture2">
                                    <h5> Synthesls </h5>
                                    <p> there are still many people can not distinguish the relationships between England  </p>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="pictureb">
                                <img src="CSS/5.png" alt="图标图片" clas="img1">
                                <div class="picture2">
                                    <h5> Nutracutlcals </h5>
                                    <p> there are still many people can not distinguish the relationships between England  </p>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="pictureb">
                                <img src="CSS/6.png" alt="图标图片" clas="img1">
                                    <div class="picture2">
                                    <h5> Nutracutlcals </h5>
                                    <p> there are still many people can not distinguish the relationships between England  </p>
                                    </div>
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
          </div>
            <div class="div2">
                <div>
                    <h1 align="center">Our Oraganzation </h1>
                    <p class="p2" align="center">
                        Although we have learned English for several years, and we have some knowledge about the English-speaking countries, there are still many people can not distinguish the relationships between England,
                        Britain and United Kingdom
                    </p>
                </div>
                <img src="CSS/about.jpg" alt="" align="right">
                <p>
                    UK is composed of four parts. They are: England, Scotland, Welsh and Northern Ireland. London is the capital of UK. UK is a constitutional monarchy,
                    and the head of state is a king or a queen. The United Kingdom is governed, in the name of the Sovereign by His or Her Majesty's Government.
                    <ul>
                        <li>
                            <span class="borderdivs">></span>
                            <span>Coffee is good</span>
                        </li>
                        <li>
                            <span class="borderdivs">></span>
                            <span>Tea is good</span>
                       </li>
                        <li>
                        <span class="borderdivs">></span>
                        <span>Milk is good</span>
                        </li>
                    </ul>
                </p>
            </div>
        </div>
     </div>
</body>
</html>